.messageList {
  width: 100%;
  padding-right: 7.5px;
  box-sizing: border-box;

  .messageItem {
    width: 100%;
    margin-bottom: 20px;

    .info {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 5px;
      padding-left: 50px;
      font-size: 12px;

      .name {
        max-width: 200px;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .time {
        color: #888888;
      }
    }

    .messageDetailContent {
      display: flex;

      .messageDetail {
        line-height: 32px;
        border-radius: 5px;
        overflow: hidden;
        white-space: normal;
        text-wrap: wrap;
        word-break: break-all;
      }
    }
  }
}
